/* Reset Css */
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
body {
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:100%;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
a { text-decoration: none; cursor: pointer;}
a:hover { text-decoration:none; }
a img { border:0}
input{ cursor: pointer;}
.clear { clear:both }
/* Reset Css */

.wrapper{
 position:absolute;
 width:100%;
 height:100%;
 display:none;
}
#wrapperLV{
 display:block;
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(radial, center center, 0, center center, 350, from(#158B69), to(#023F2D));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(circle, #158B69, #023F2D);
 /* Firefox 3.6+ */
 background: -moz-radial-gradient(circle, #158B69, #023F2D);
 /* IE 10 */
 background: -ms-radial-gradient(circle, #158B69, #023F2D);
 background-size:100% 100%;
}

#header{
 width:100%;
 height:25%;
 float:left;
}
#header #logo{
 position:relative;
 float:left;
 width:35%;
 height:100%;
}
#header #logo{
 position:relative;
 float:left;
 width:35%;
 height:100%;
}
#header #logo #imgLogo{
 position:absolute;
 width:80%;
 height:85%;
 right:1%;
 top:1%;
}
#header #logo #btnSG{
 position:absolute;
 left:1.5%;
 bottom:0.5%;
 padding:1%;
 font-size:80%;
 /* IE10 */ 
 background-image: -ms-linear-gradient(top, #EE432E 0%, #B51700 50%, #891100 100%, #C63929 50%);
 /* Mozilla Firefox */ 
 background-image: -moz-linear-gradient(top, #EE432E 0%, #B51700 50%, #891100 100%, #C63929 50%);
 /* Opera */ 
 background-image: -o-linear-gradient(top, #EE432E 0%, #B51700 50%, #891100 100%, #C63929 50%);
 /* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EE432E), color-stop(0.5, #B51700), color-stop(1, #891100), color-stop(0.5, #C63929));
 /* Webkit (Chrome 11+) */ 
 background-image: -webkit-linear-gradient(top, #EE432E 0%, #B51700 50%, #891100 100%, #C63929 50%);
 color:#ff0;
 font-weight:bold;
 border:2px solid #ff0;
 border-radius:15px 5px;
}

#header #news{
 position:relative;
 float:left;
 width:65%;
 height:100%;
}
#header #news #hots{
 float:left;
 width:100%;
 line-height:100%;
 font-weight:bold;
 color:#fff;
 text-align:center;
 background:#abc;
}
#header #news #infoNew{
 float:left;
 width:100%;
 height:85%;
}
#header #news #infoNew #ctNew{
 margin:1%;
 width:98%;
 height:94%;
 font-weight:bold;
 word-wrap: break-word;
 overflow:auto;
}

#content{
 width:99%;
 height:73.5%;
 padding:0.5%;
 float:left;
}
#ctLeft{
 width:74.5%;
 height:99%;
 float:left;
 border:2px solid #D8AC26;
 border-radius:5px;
 /* IE10 */ 
 background-image: -ms-radial-gradient(center, circle cover, #660000 0%, #360000 100%);
 /* Mozilla Firefox */ 
 background-image: -moz-radial-gradient(center, circle cover, #660000 0%, #360000 100%);
 /* Opera */ 
 background-image: -o-radial-gradient(center, circle cover, #660000 0%, #360000 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(radial, center center, 0, center center, 437, color-stop(0, #660000), color-stop(1, #360000));
 /* Webkit (Chrome 11+) */ 
 background-image: -webkit-radial-gradient(center, circle cover, #660000 0%, #360000 100%);
}
#ctLeft #navigation{
 float:left;
 width:25%;
 height:100%;
}
#ctLeft #navigation ul{
 width:auto;
}
#ctLeft #navigation ul li{
 margin-top:10%;
 display:block;
 padding:5% 0%;
 /* IE10 */ 
 background-image: -ms-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 /* Mozilla Firefox */ 
 background-image: -moz-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 /* Opera */ 
 background-image: -o-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EC9F95), color-stop(0.25, #C93F27), color-stop(0.5, #8A2313), color-stop(0.75, #AF301F), color-stop(1, #F87036));
 /* Webkit (Chrome 11+) */ 
 background-image: -webkit-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 border: 1px solid #fee;
 border-left:0px;
 border-radius:0 0 40px;
 text-align:center;
 text-transform:uppercase;
 font-size:75%;
 font-weight:bold;
 color:#ff0;
 cursor:pointer;
}

#ctLeft #infoOption{
 float:right;
 width:75%;
 height:100%;
 over-flow:auto;
}
#ctLeft #infoOption #tblInfoPlayer{
 width:98%;
 height:95%;
 margin:2% 1%;
 padding:3% 1%;
 font-size:75%;
  /* IE10 */ 
 background-image: -ms-radial-gradient(center, circle farthest-side, #EBEBEB 0%, #ADADAD 100%);
 /* Mozilla Firefox */ 
 background-image: -moz-radial-gradient(center, circle farthest-side, #EBEBEB 0%, #ADADAD 100%);
 /* Opera */ 
 background-image: -o-radial-gradient(center, circle farthest-side, #EBEBEB 0%, #ADADAD 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(radial, center center, 0, center center, 413, color-stop(0, #EBEBEB), color-stop(1, #ADADAD));
 /* Webkit (Chrome 11+) */ 
 background-image: -webkit-radial-gradient(center, circle farthest-side, #EBEBEB 0%, #ADADAD 100%);
 border:1px solid black;
 border-radius:5px;
 text-align:center;
 
}
#ctLeft #infoOption #tblInfoPlayer th{
 border-bottom:1px solid #789;
 border-right:1px solid #f00;
 color:#f11;
 padding-bottom:0.5%;
 vertical-align:middle;
 font-size:87.5%;
 font-weight:bold;
}
#ctLeft #infoOption #tblInfoPlayer th:last-child{
 border-right:0px;
}
#ctLeft #infoOption #tblInfoPlayer td{
 border-bottom:1px solid #789;
 border-right:1px solid #f00;
 vertical-align:middle;
 overflow:hidden;
 text-overflow:ellipsis;
}
#ctLeft #infoOption #tblInfoPlayer td:last-child{
 border-right:0px;
}

#ctRight{
 width:24%;
 height:100%;
 float:right;
 position:relative;
}
#ctRight #btnLvl{
 width:100%;
 float:left;
}
#ctRight #btnLvl ul li{
 display:block;
 margin-bottom:3%;
 padding:2% 0% 0.5% 4%;
 /* IE10 */ 
 background-image: -ms-linear-gradient(top, #EDDD9F 0%, #C24E13 100%);
 /* Mozilla Firefox */ 
 background-image: -moz-linear-gradient(top, #EDDD9F 0%, #C24E13 100%);
 /* Opera */ 
 background-image: -o-linear-gradient(top, #EDDD9F 0%, #C24E13 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EDDD9F), color-stop(1, #C24E13));
 /* Webkit (Chrome 11+) */ 
 background-image: -webkit-linear-gradient(top, #EDDD9F 0%, #C24E13 100%);
 cursor:pointer;
 border:2px solid #600;
 border-radius:10px;
 font-weight:bold;
}
#ctRight #btnLvl ul li .line1{
 font-size:90%;
 color:#ff0;
 text-transform:uppercase;
 text-shadow: 1px 1px 2px #000;
}
#ctRight #btnLvl ul li .line2{
 font-size:75%;
 font-style:italic;
}

#ctRight #infoPlayer{
 float:left;
 width:100%;
 text-align:center;
 position:absolute;
 bottom:0%;
}
#ctRight #infoPlayer ul{
 width:98%;
 background:#4B0202;
 border:2px solid #fc3;
 border-radius:5px;
 color:#fff;
 font-weight:bold;
 font-size:88%;
}
#ctRight #infoPlayer li{
 display:block;
 width:100%;
 padding:3% 0%;
 border-bottom:2px solid #fc3;
 word-wrap: break-word;
}
#ctRight #infoPlayer li:last-child{
 border-bottom:0px;
}
#ctRight #infoPlayer #buyAG #btnBuyAG{
  /* IE10 */ 
 background-image: -ms-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 /* Mozilla Firefox */ 
 background-image: -moz-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 /* Opera */ 
 background-image: -o-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EC9F95), color-stop(0.25, #C93F27), color-stop(0.5, #8A2313), color-stop(0.75, #AF301F), color-stop(1, #F87036));
 /* Webkit (Chrome 11+) */ 
 background-image: -webkit-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 padding:2%;
 border: 1px solid #fee;
 border-radius:4px;
 text-align:center;
 color:#ff0;
 font-weight:bold;
}

